<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Communication</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>

<body>
    <aside>
        <nav>
            <img src="./img/head.jpg" alt="">
            <a href="./index.html"><i class="material-icons md-36">
                    home</i>
                <p>自我介绍</p>
            </a>

            <a href="./skills.html"><i class="material-icons md-36">
                    person</i>
                <p>技能掌握</p>
            </a>

            <a href="./life.html"><i class="material-icons md-36">
                    image</i>
                <p>生活写照</p>
            </a>

            <a href="./school.html"><i class="material-icons md-36">
                    school</i>
                <p>校内经历</p>
            </a>

            <a href="./communication.html"><i class="material-icons md-36">
                    mail</i>
                <p>沟通留言</p>
            </a>


        </nav>
    </aside>

    <nav class="mobile-nav">
        <a href="./index.html">自我介绍</a>
        <a href="./skills.html">技能掌握</a>
        <a href="./life.html">生活写照</a>
        <a href="./school.html">校内经历</a>
        <a href="./communication.html">沟通留言</a>

    </nav>

    <section class="contact" id="contact">
        <div class="communication">
            <h1>留言板</h1>
            <p>在这里你可以给我留下</p>
            <p>宝贵的建议</p>
            <p>温馨的问候</p>
            <p>...</p>
            <form action="" class="container">
                <label for="name">Name</label>
                <input type="text" id="name" name="name">
                <label for="email">E-mail</label>
                <input type="text" id="email" name="email">
                <label for="message">Message</label>
                <textarea name="message" id="message" style="height: 200px;"></textarea>
                <input type="submit" value="message">
            </form>
        </div>
    </section>
</body>

</html>